<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1">
    <title>区块头条</title>


    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="js/jquery-3.3.1.min.js" type="text/javascript"></script>
    <!-- 二维码 -->
    <script src="js/jquery.qrcode.min.js" type="text/javascript"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="bootstrap/js/bootstrap.min.js"></script>

    <!--自定义字体-->
    <link rel="stylesheet" href="css/font.css">

    <link rel="stylesheet/less" type="text/css" href="css/base.less" />
    <link rel="stylesheet" type="text/css" href="css/leftNewsModel.css">
    <link rel="stylesheet" type="text/css" href="css/currencyProfile.css">

    <script src="js/less.js"></script>
    <script src="js/qs.js"></script>
    <script src="js/base.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <script src="js/jquery.md5.js"></script>
    <script src="js/html-params.js"></script>
    <script src="js/vue.js"></script>

    <!--各种图-->
    <script type="text/javascript" src="js/echart/echarts.min.js"></script>
    <!--加载Axios-->
    <script src="js/axios.min.js"></script>

    <script src="js/component.js"></script>
    <script src="js/page/currencyProfile.js"></script>
</head>
<body>
<div id="header" v-cloak="">
    <header-content :is-three="true"></header-content>
</div>

<div id="main">
    <div class="body">
        <div class="content">
            <!-- 货币价格-->
            <div  id="currency-price" v-cloak="">
                <div class="price-item price-logo"><img :src="imgUrl" width="60px" height="60px"></div>
                <div class="price-item">
                    <div class="price-code"><span style="float:left;">{{symbol}}</span> <span class="price-order">市值排名:{{level}}</span></div>
                    <div class="price-name"><span>{{zhName +'  '+ symbolName}}</span></div>
                </div>
                <div class="price-item">
                    <div class="price-usd">{{price}}</div>
                    <div class="price-cny">{{zhPrice}}</div>
                </div>
                <div class="price-item">
                    <div class="price-usd" :class="{'font-up':isUp, 'font-down':!isUp}">{{change}}</div>
                    <div class="price-cny">{{changeDate}}</div>
                </div>
                <div class="price-item">
                    <div class="price-usd">{{marketCap}}</div>
                    <div class="price-cny">{{zhMarketCap}}</div>
                </div>
                <div class="price-btn-group price-btn">
                    <div class="price-warn pointer" @click="setWarn">设提醒</div>
                    <div class="price-add pointer " @click="toggleFollow" :class="{'price-add-active':isFavorite}">{{focusMsg}}</div>
                </div>
            </div>

            <!--货币信息-->
            <div  id="currency-info" v-cloak="">
                <div class="info-left">
                    <div class="info-filed-left">
                        <div class="info-line">
                            <div class="info-title">成交额(24H)</div>
                            <div class="info-value">
                                <div class="info-usd">{{volumeEx}}</div>
                                <div class="info-cny">{{zhVolumeEx}}</div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="info-line">
                            <div class="info-title">主力净流入(24H)</div>
                            <div class="info-value">{{netflow1d}}</div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="info-line">
                            <div class="info-title">占全球总市值</div>
                            <div class="info-value">{{marketCapRate}}</div>
                            <div class="clearfix"></div>
                            <div class="info-jindu">
                                <div class="info-jindu-num" :style="{'width':marketCapRate}"></div>
                            </div>
                        </div>
                    </div>

                    <div class="info-filed-middle">
                        <div class="info-line">
                            <div class="info-title">流通数量</div>
                            <div class="info-value">
                                <div class="info-usd">{{availableSupply}}</div>
                                <div class="info-cny">&nbsp;</div></div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="info-line">
                            <div class="info-title">主力流入</div>
                            <div class="info-value">{{inflow1d}}</div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="info-line">
                            <div class="info-title">流通率</div>
                            <div class="info-value">{{liuRate}}</div>
                            <div class="clearfix"></div>
                            <div class="info-jindu">
                                <div class="info-jindu-num"  :style="{'width':liuRate}"></div>
                            </div>
                        </div>
                    </div>

                    <div class="info-filed-right">
                        <div class="info-line">
                            <div class="info-title">发行总量</div>
                            <div class="info-value">
                                <div class="info-usd">{{supply}}</div>
                                <div class="info-cny">&nbsp;</div>
                             </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="info-line">
                            <div class="info-title">主力流出</div>
                            <div class="info-value">{{outflow1d}}</div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="info-line">
                            <div class="info-title">换手率</div>
                            <div class="info-value">{{huanRate}}</div>
                            <div class="clearfix"></div>
                            <div class="info-jindu">
                                <div class="info-jindu-num" :style="{'width':huanRate}"></div>
                            </div>
                        </div>
                    </div>
                </div>

                <!--有奖竞猜-->
                <div class="my-jc-desc info-right">
                    <div class="title">有奖竞猜<img src="image/help.png" class="pointer" @click="toHelp"></div>
                    <div class="content">
                        <div class="info-code">{{ symbol }}</div>
                        <div class="info-time">{{ todayDate }}</div>
                        <div class="compare">
                            <div class="compare-left">
                                <img src="image/up2.png" alt="" width="71px" height="71px">
                                <div class="info-up"  @click="toGuessing('0',$event)" value="currChange">看涨</div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="compare-middle">VS</div>
                            <div class="compare-right">
                                <img src="image/down2.png"  width="71px" height="71px">
                                <div class="info-down" @click="toGuessing('1',$event)" :value="currChange">看跌</div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="info-msg" @click="toSeeGuess">大家怎么猜？</div>

                    </div>
                    <div class="my-info hidden">
                        <div class="my-total-num">我的积分：{{ totalNum }}</div>
                        <div class="my-input-group">
                            <!--<div class="my-info-btn" @click="setNum(0,$event)">-</div>-->
                            <div class="my-info-btn" @click="setNum(0,$event)"><span class="glyphicon glyphicon-minus"></span> </div>
                            <div><input type="text" v-model="addNum" class="my-info-num"></div>
                            <div class="my-info-btn" @click="setNum(1,$event)"><span class="glyphicon glyphicon-plus"></span> </div>
                        </div>
                        <div class="my-info-cancel" @click="toCancelGuess">取消</div>
                        <div class="my-info-ok" @click="toSubmitGuess">确定</div>
                    </div>
                </div>
                <!--大家怎么猜-->
                <div class="my-jc-see info-right hidden">
                    <div class="content">
                        <div class="info-code">{{ symbol}}</div>
                        <div class="info-time">{{ todayDate }}</div>
                        <div class="compare">
                            <div class="compare-left">
                                <img src="image/up2.png" alt="" width="71px" height="71px">
                            </div>
                            <div class="compare-middle">VS</div>
                            <div class="compare-right">
                                <img src="image/down2.png"  width="71px" height="71px">
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="info-sch-box">
                            <div class="info-sch">
                                <div class="info-sch-left"  :style="{'width':upRate}"></div>
                            </div>
                            <div class="info-sch-lmsg font-up" >看涨：{{upRate}}</div>
                            <div class="info-sch-rmsg font-down" >看跌：{{downRate}}</div>
                            <div class="clearfix"></div>
                        </div>
                        <!--<div class="info-msg"><div class="info-btn" @click="toGuessDesc">去竞猜</div></div>-->
                        <div class="info-btn pointer" @click="toGuessDesc">去竞猜</div>
                    </div>
                </div>
                <div class="my-jc-result info-right hidden">
                    <div class="content">
                        <div class="close-btn pointer" @click="toCancelGuess">&times;</div>
                        <div class="info-code">英雄所见略同</div>
                        <div class="info-time">有{{ upRate }}的人与你的看法一致</div>
                        <div class="compare info-hero">
                            <div class="compare-left">
                                <img src="image/up2.png" alt="" width="71px" height="71px">
                            </div>
                            <div class="compare-middle">VS</div>
                            <div class="compare-right">
                                <img src="image/down2.png"  width="71px" height="71px">
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="info-sch-box">
                            <div class="info-sch">
                                <div class="info-sch-left"  :style="{'width':upRate}"></div>
                            </div>
                            <div class="info-sch-lmsg font-up" >看涨：{{upRate}}</div>
                            <div class="info-sch-rmsg font-down">看跌：{{downRate}}</div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div class="my-jc-help info-right hidden">
                    <div class="my-jc-close" @click="toGuessDesc">&times;</div>
                    <div class="my-jc-help-text">
                        <p>1.可根据个人中心赚取积分规则赚取积分来参与竞猜。</p>
                        <p>2.点击币种选择看涨/看跌，并投入积分。</p>
                        <p>3. 积分计算方式，投注成功时扣除投注积分，猜对获得积分奖励：所有投注的积分/参与本题竞猜且答案正确的总份数*投注份数；</p>
                        <p>4. 积分投注，每次最少200积分，最多20000积分；</p>
                        <p>5.累计到一定积分后，可兑换更多福利，敬请期待！</p>
                        <p>6.竞猜活动仅供娱乐，禁止赌博。</p>
                        <p>&nbsp;</p>
                        <p>*所有竞猜相关规则的最终解释权归本网站所有。</p>
                    </div>
                </div>
            </div>

            <div class="clearfix"></div>

            <!--货币走势图-->
            <div id="currency-flow">
                <div class="flow-btn-group">
                    <div class="flow-btn btn-hover-blue flow-btn-active" @click="setFlow" value="0">天</div>
                    <div class="flow-btn btn-hover-blue" @click="setFlow"  value="1">周</div>
                    <div class="flow-btn btn-hover-blue" @click="setFlow"  value="2">月</div>
                    <div class="flow-btn btn-hover-blue" @click="setFlow"  value="3">3月</div>
                    <div class="flow-btn btn-hover-blue" @click="setFlow"  value="4">1年</div>
                    <div class="flow-btn btn-hover-blue" @click="setFlow"  value="5">今年</div>
                    <div class="flow-btn btn-hover-blue" @click="setFlow"  value="6">所有</div>


                    <div class="flow-date hidden-xs">
                    从&nbsp;&nbsp;<input class="flow-date-item" type="input" readonly>
                    &nbsp;&nbsp;至&nbsp;&nbsp;<input  class="flow-date-item"  type="input"  readonly>

                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="clearfix"></div>
                <div id="flow-img" style="width:1160px;height:360px;" ></div>

                <div class="warn-msg">
                    <div>
                        <span></span>价格(USD)
                        <span></span>24H成交额（USD）
                    </div>
                </div>
            </div>

            <!--货币新闻-->
            <div id="block-information" >
                <!--资讯标签导航条-->
                <div id="information-nav">
                    <nav class="navbar" id="nav-line">
                        <ul class="nav navbar-nav navbar-left" id="information-list">
                            <li class="news-nav nav-active" @click="changeNews(1,$event)"><a  class="font-hover-blue">相关资讯<span class="sr-only">(current)</span></a></li>
                            <li class="news-nav" @click="changeNews(2,$event)"><a class="font-hover-blue">交易所报价</a></li>
                            <li class="news-nav" @click="changeNews(3,$event)"><a  class="font-hover-blue">基本信息</a></li>
                        </ul>
                    </nav>
                    <!--<nav class="navbar" id="nav-line">-->
                        <!--<div class="padding-0">-->
                            <!--&lt;!&ndash; Brand and toggle get grouped for better mobile display &ndash;&gt;-->
                            <!--<div class="navbar-header">-->
                                <!--<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#information-list" aria-expanded="false">-->
                                    <!--<span class="sr-only">Toggle navigation</span>-->
                                    <!--<span class="icon-bar"></span>-->
                                    <!--<span class="icon-bar"></span>-->
                                    <!--<span class="icon-bar"></span>-->
                                <!--</button>-->
                            <!--</div>-->

                            <!--&lt;!&ndash; Collect the nav links, forms, and other content for toggling &ndash;&gt;-->
                            <!--<div class="collapse navbar-collapse" id="information-list">-->
                                <!--<ul class="nav navbar-nav">-->
                                    <!--<li class="news-nav nav-active" @click="changeNews(1,$event)"><a  class="font-hover-blue">相关资讯<span class="sr-only">(current)</span></a></li>-->
                                    <!--<li class="news-nav" @click="changeNews(2,$event)"><a class="font-hover-blue">交易所报价</a></li>-->
                                    <!--<li class="news-nav" @click="changeNews(3,$event)"><a  class="font-hover-blue">基本信息</a></li>-->
                                <!--</ul>-->
                            <!--</div>&lt;!&ndash; /.navbar-collapse &ndash;&gt;-->
                        <!--</div>&lt;!&ndash; /.container-fluid &ndash;&gt;-->
                    <!--</nav>-->
                </div>

                <!-- 资讯详细内容 -->
                <div class="information-box">
                    <!--相关资讯-->
                    <div id="news-group" class="info-group">
                        <div class="filtrate-list" id="news-header">
                            <div class="filtrate-btn btn-active  btn-hover-blue" value="1" @click="toSearch" >24H资讯</div>
                            <div class="filtrate-btn btn-hover-blue" value="4" @click="toSearch">精选资讯</div>
                            <div class="filtrate-btn btn-hover-blue" value="2" @click="toSearch">微博</div>
                            <div class="filtrate-btn btn-hover-blue" value="3" @click="toSearch">Twitter</div>
                            <div class="filtrate-btn btn-hover-blue" value="5" @click="toSearch">技术分析</div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="clearfix"></div>
                        <!--24H快讯-->
                        <div  id="quick-information" class="news-box" v-cloak="">
                            <quick-content v-for="(val,ke,index) in quickBlock" :key="index" :ke="ke" :val="val" :index="index" :quick-block="quickBlock"></quick-content>

                            </template>
                            <div class="noData hidden">暂无信息</div>
                            <div class="loadData">数据加载中...</div>
                        </div>

                        <!--精选资讯-->
                        <div  id="sift-information" class="news-box hidden">
                            <sift-content v-for="(item,index) in siftBlock" :key="index" :item="item" :index="index" :sift-block="siftBlock"></sift-content>

                            <div class="noData hidden">暂无信息</div>
                            <div class="loadData">数据加载中...</div>
                        </div>

                        <!--twitter-->
                        <div  id="twitter-information" class="news-box hidden">
                            <twitter-content v-for="(item,index) in twitterBlock" :key="index" :item="item" :index="index" :twitter-block="twitterBlock"></twitter-content>

                            <div class="noData hidden">暂无信息</div>
                            <div class="loadData">数据加载中...</div>
                        </div>

                        <!-- 微博 -->
                        <div  id="blog-information" class="news-box hidden">
                            <blog-content v-for="(item,index) in blogBlock" :key="index" :item="item" :index="index" :blog-block="blogBlock" :large-img="largeImg"></blog-content>

                            <div class="noData hidden">暂无信息</div>
                            <div class="loadData">数据加载中...</div>
                        </div>

                        <!--技术分析-->
                        <div  id="skill-information" class="news-box hidden">
                            <skill-content v-for="(item,index) in skillBlock" :key="index" :item="item" :index="index" :skill-block="skillBlock" ></skill-content>

                            <div class="noData hidden">暂无信息</div>
                            <div class="loadData">数据加载中...</div>
                        </div>
                    </div>

                    <!--交易所报价-->
                    <div id="bourse-group" class="info-group hidden">
                        <table class="table currency-table">
                            <thead>
                            <tr>
                                <td width="50">加自选</td>
                                <td>&nbsp;</td>
                                <td>交易所</td>
                                <td>交易对</td>
                                <td>平台价</td>
                                <td>最新价格 <img src="image/paixu1.png"  class="sort-img" value="1" @click="changeSort" type="price"></td>
                                <td>24h涨跌幅 <img src="image/paixu1.png"  class="sort-img" value="1" @click="changeSort" type="change"></td>
                                <td>24h最高 <img src="image/paixu1.png"  class="sort-img" value="1" @click="changeSort" type="high"></td>
                                <td>24h最低 <img src="image/paixu1.png"  class="sort-img" value="1" @click="changeSort" type="low"></td>
                                <td width="100">24h成交额 <img src="image/paixu1.png"  class="sort-img" value="1" @click="changeSort" type="baseVolume"></td>
                                <td width="100">成交占比量</td>
                                <td width="100">更新时间</td>
                            </tr>
                            </thead>
                            <tbody>
                                <tr :value="item.id"   v-for="(item,index) in bourseBlock.list" :followid="item.followId">
                                    <td  width="50px" class="favorite" v-if="item.isFavorite" :value="index" >
                                        <img src="image/shoucanghou.png"  @click="setFavorite('bourseBlock',$event)">
                                    </td>
                                    <td  width="50px" class="favorite" v-else  :value="index">
                                        <img src="image/shoucangqian.png"  @click="setFavorite('bourseBlock',$event)">
                                    </td>
                                    <td>{{item.index}}</td>
                                    <td>{{ item.bourse}}</td>
                                    <td class="bourse">
                                        {{item.name}}
                                    </td>
                                    <td>{{item.pingtai}}</td>
                                    <td>{{item.newPrice}}</td>
                                    <td :class="{'font-up':item.isUp, 'font-down':!item.isUp }">{{ item.change}}</td>
                                    <td>{{ item.maxPrice }}</td>
                                    <td>{{ item.minPrice }}</td>
                                    <td>{{ item.usdVolume }}</td>
                                    <td>{{ item.percentage }}</td>
                                    <td>{{ item.marketTime }}</td>
                                </tr>
                            </tbody>
                            <tfoot>
                            <tr>
                                <td colspan="12" class="page-line">
                                    <nav aria-label="Page navigation">
                                        <!--标签翻页-->
                                        <ul class="pagination tab-page">
                                            <li class="page-block page-prev" @click.prevent="toPage('bourseBlock',$event)" :value="-1">
                                                <a  aria-label="Previous" href="###">
                                                    <img src="image/yema1.png">
                                                </a>
                                            </li>
                                            <template v-for="(item,index) in bourseBlock.currArea ">
                                                <li class="page-block page-num-btn" @click="toPage('bourseBlock',$event)" :value="item"><a href="###">{{ item }}</a></li>
                                            </template>
                                            <li class="page-block page-next" @click="toPage('bourseBlock',$event)" :value="0">
                                                <a href="###" aria-label="Next">
                                                    <img src="image/yema2.png">
                                                </a>
                                            </li>

                                            <!--页行数-->
                                            <li>
                                                <select class="page-num" @change.self="setPageNum('bourseBlock',$event)">
                                                    <option value="10">10条/页</option>
                                                    <option value="20">20条/页</option>
                                                    <option value="50">50条/页</option>
                                                    <option value="70">70条/页</option>
                                                    <option value="100">100条/页</option>
                                                </select>
                                            </li>
                                            <!--跳转翻页-->
                                            <li>
                                                <div class="page-jump">
                                                    跳至<input type="text" @keyup.enter="jumpPage('bourseBlock',$event)">页 / {{ bourseBlock.totalNum}}
                                                    <div class="jump-btn pointer" @click="jumpPage('bourseBlock',$event)">确定</div>
                                                </div>
                                            </li>
                                        </ul>
                                    </nav>


                                </td>
                            </tr>
                            </tfoot>
                        </table>
                    </div>

                    <!--基本信息-->
                    <div id="baseinfo-group" class="info-group hidden">
                        <table  class="infomation-table">
                            <tbody>
                                <tr>
                                    <td class="info-table-title">全称</td>
                                    <td class="info-table-value">{{symbolName}}</td>

                                    <td class="info-table-title">区块浏览器</td>
                                    <td class="info-table-value">
                                        <a :href="item" target="_blank" v-for="(item,index) in explorers">浏览器{{index+1}}、</a>
                                    </td>

                                    <td class="info-table-title">官网</td>
                                    <td class="info-table-value">
                                        <a :href="item" target="_blank" v-for="(item,index) in websites">官网1、</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="info-table-title">英文</td>
                                    <td class="info-table-value">{{symbol}}</td>

                                    <td class="info-table-title">社区论坛</td>
                                    <td class="info-table-value">
                                        <a :href="item" target="_blank" v-for="(item,index) in message">论坛{{index+1}}、</a>
                                    </td>

                                    <td class="info-table-title">相关概念</td>
                                    <td class="info-table-value">
                                        <a href="###" v-for="(item,index) in concept" @click.prevent="toConcept" :value="item.id">{{item.name_zh}}  </a>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="info-table-title">发行时间</td>
                                    <td class="info-table-value">{{publicTime}}</td>

                                    <td class="info-table-title">白皮书</td>
                                    <td class="info-table-value"><a :href="whitepaper"  target="_blank" v-if="whitepaper">点此查看</a></td>

                                    <td class="info-table-title">&nbsp;</td>
                                    <td class="info-table-value">&nbsp;</td>
                                </tr>
                                <tr>
                                    <td class="info-table-title">上架交易所</td>
                                    <td class="info-table-value">{{exNum}}</td>

                                    <td class="info-table-title">开源代码仓库</td>
                                    <td class="info-table-value"><a :href="github" target="_blank" v-if="github">点此查看</a></td>

                                    <td class="info-table-title">&nbsp;</td>
                                    <td class="info-table-value">&nbsp;</td>
                                </tr>
                            </tbody>
                        </table>
                        <table>
                        <tr>
                            <td rowspan="2" width="30px" class="desc-title">
                                简介
                            </td>
                            <td  class="desc-value">
                                <p>{{ zhDescriptions }}</p>
                                <p>{{ enDescriptions }}</p>
                            </td>
                        </tr>
                        </table>
                    </div>
            </div>
            <div class="clearfix"></div>
        </div>
        </div>
    </div>

</div>

<div class="clearfix"></div>
<div id="footer">
    <footer-content></footer-content>
</div>



<!--设置提醒Modal-->
<div class="modal fade  warnModal" id="warnModal" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header" >
                <button type="button" class="close" data-dismiss="modal"><img src="image/close.png"> </button>
                <p class="modal-title text-center font-size-14 padding-bottom-10">设置提醒</p>
            </div>
            <div class="modal-body">
                <div class="price"><img :src="imgUrl"><span>{{ symbol }}价格：</span>{{usd}} / {{cny}}</div>
                <div>
                    <div class="item">
                        <span class="title">价格上涨至 </span>
                        <input type="text" class="price-input" v-model="upNum" placeholder="请输入金额" v-on:input="checkInput">
                        <select value="0" class="price-type" v-model="upPriceType">
                            <option v-for="(item,index) in priceType" :value="index">{{item}}</option>
                        </select>
                        <div class="warn-btn pointer" @click="addWarn" :value="1">添加提醒</div>
                    </div>
                    <div class="item">
                        <span class="title">价格下跌至 </span>
                        <input type="text" class="price-input" v-model="downNum"   placeholder="请输入金额" v-on:input="checkInput">
                        <select value="1" class="price-type"  v-model="downPriceType">
                            <option v-for="(item,index) in priceType" :value="index">{{item}}</option>
                        </select>
                        <div class="warn-btn pointer" @click="addWarn" :value="2" >添加提醒</div>
                    </div>
                </div>
                <div class="line-box">
                    <div class="line" v-for="(item,index) in list">
                        <span>价格{{ singleType[item.single]}}至 <span class="line-price">{{item.price}}</span> {{priceType[item.priceType]}}时，提醒</span>
                        <div class="cancel pointer" @click="cancelWarn" :value="index">取消</div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <div class="modal-footer" style="border-top:none;padding-top:0;"></div>
        </div>
    </div>
</div>

<!-- 折线图新闻Modal -->
<div class="modal fade" id="newsModal" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header" >
                <button type="button" class="close" data-dismiss="modal"><img src="image/close.png"> </button>
            </div>
            <div class="modal-body">
                <div class="date">{{time}}</div>
                <div class="title">{{ title }}</div>
                <div class="content">{{content}}</div>
                <div class="source">来源：{{source}}</div>
            </div>
        </div>
    </div>
</div>

<!--查看大图-->
<div class="modal fade" id="largeImgModal" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div type="button" class="pointer close-btn" data-dismiss="modal"><img src="image/largeClose.png" @mouseEnter="btnIn(2)" @mouseLeave="btnOut(2)"> </div>
                <div class="left-btn " @click="prevImg" @mouseEnter="btnIn(1)" @mouseLeave="btnOut(1)"><img src="image/largeLeft.png"></div>
                <div class="right-btn " @click="nextImg" @mouseEnter="btnIn(0)" @mouseLeave="btnOut(0)"><img src="image/largeRight.png"></div>
                <img :src="imgUrl" class="curr-img" :index="index">
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</div>

<div id="warnMsg" ><span>已复制分享链接到剪贴板</span></div>

</body>
</html>
